import { ProList } from '@ant-design/pro-components';
import type { PlateChangeLog } from '../../types.d';
import ChangeLogItem from './ChangeLogItem';

const ChangeLogList = (props: { logList: PlateChangeLog[] }) => {
  const { logList } = props;
  return (
    <ProList
      ghost
      itemCardProps={{
        ghost: true,
      }}
      grid={{ gutter: 2 }}
      metas={{
        content: {},
      }}
      dataSource={logList.map((item) => ({
        content: <ChangeLogItem logItem={item} />,
      }))}
    />
  );
};

export default ChangeLogList;
